.container{
	padding: 0 22rpx 74rpx;
	box-sizing: border-box;
	.bg-box{
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
	}
	.address-time{
		.address{
			padding: 24rpx 38rpx 30rpx 18rpx;
			box-sizing: border-box;
			display: flex;
			align-items: flex-start;
			&>image{
				width: 40rpx;
				height: 40rpx;
			}
			.detail{
				width: calc(100% - 40rpx);
				padding-left: 24rpx;
				box-sizing: border-box;
				padding-top: 8rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.left{
					width: calc(100% - 10rpx);
					.city{
						font-weight: 400;
						font-size: 30rpx;
						color: #333333;
						line-height: 42rpx;
					}
					.info{
						font-weight: 400;
						font-size: 32rpx;
						color: #333333;
						line-height: 44rpx;
						margin-top: 4rpx;
					}
					.user{
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						line-height: 36rpx;
						margin-top: 10rpx;
					}
				}
				&>image{
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
		.time{
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-top: 2rpx solid #F8F8F8;
			padding: 24rpx 34rpx 26rpx 22rpx;
			box-sizing: border-box;
			position: relative;
			.left{
				display: flex;
				align-items: center;
				image{
					width: 36rpx;
					height: 36rpx;
				}
				text{
					font-weight: 400;
					font-size: 30rpx;
					color: #333333;
					line-height: 42rpx;
					margin-left: 18rpx;
				}
			}
			.right{
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				line-height: 34rpx;
				&>image{
					width: 32rpx;
					height: 32rpx;
				}
				
				/deep/ .uni-date{
					position: absolute;
					width: 100%;
					// height: 100%;
					top: 0;
					right: 0;
					// opacity: 0.5;
					z-index: 1;
					.uni-date-x--border{
						opacity: 0;
					}
				}
				
			}
		}
	}

	.b-user{
		padding: 14rpx 22rpx 22rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.left{
			.title{
				font-weight: bold;
				font-size: 36rpx;
				color: #333333;
				line-height: 50rpx;
			}
			.name,.number{
				font-weight: 400;
				font-size: 32rpx;
				color: #333333;
				line-height: 44rpx;
				margin-top: 20rpx;
			}
		}
		&>image{
			width: 18rpx;
			height: 34rpx;
		}
	}

	.s-info{
		padding: 0 22rpx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
		.flex-align-item{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left{
				.name{
					font-weight: bold;
					font-size: 34rpx;
					color: #333333;
					line-height: 48rpx;
				}
				&>text{
					font-weight: bold;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
					margin-top: 6rpx;
				}
			}
		}
		.info-item-padding{
			padding: 30rpx 0;
			border-top: 2rpx solid #F5F5F5;
		}
		.b-1{
			display: flex;
			padding: 20rpx 0 30rpx;
			&>image{
				width: 180rpx;
				height: 180rpx;
			}
			.text{
				padding-left: 24rpx;
				.t-1{
					font-weight: bold;
					font-size: 34rpx;
					color: #333333;
					line-height: 48rpx;
				}
				.t-2{
					font-weight: bold;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
					margin-top: 30rpx;
				}
			}
		}
		.bx{
			.right{
				display: flex;
				align-items: center;
				text{
					font-weight: 400;
					font-size: 30rpx;
					color: #999999;
					line-height: 42rpx;
				}
				image{
					width: 24rpx;
					height: 24rpx;
				}
			}
		}
		.num{
			.right{
				display: flex;
				align-items: center;
				image{
					width: 45rpx;
					height: 45rpx;
				}
				input{
					width: 68rpx;
					height: 45rpx;
					padding: 0 10rpx;
					text-align: center;
					box-sizing: border-box;
				}
			}
		}
		.s-num{
			.right{
				text{
					font-weight: 400;
					font-size: 30rpx;
					color: #333333;
					line-height: 42rpx;
				}
			}
		}
		.remark{
			padding-bottom: 20rpx;
			.right{
				display: flex;
				align-items: center;
				text{
					font-weight: 400;
					font-size: 30rpx;
					color: #333333;
					line-height: 42rpx;
				}
				image{
					width: 24rpx;
					height: 24rpx;
				}
			}
		}
	}
	
	.disease{
		padding: 24rpx 18rpx 26rpx 28rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.left{
			display: flex;
			align-items: center;
			image{
				width: 46rpx;
				height: 46rpx;
			}
			text{
				font-weight: bold;
				font-size: 30rpx;
				color: #333333;
				line-height: 42rpx;
				margin-left: 16rpx;
			}
		}
		.right{
			display: flex;
			align-items: center;
			.value{
				font-weight: 400;
				font-size: 30rpx;
				color: #333333;
				line-height: 42rpx;
			}
			image{
				width: 24rpx;
				height: 24rpx;
			}
		}
	}
	
	.tool{
		padding: 18rpx 18rpx 40rpx 22rpx;
		box-sizing: border-box;
		.title{
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
			line-height: 44rpx;
		}
		.tab-btn{
			display: flex;
			justify-content: space-between;
			margin-top: 30rpx;
			button{
				width: 312rpx;
				height: 80rpx;
				background: #F5F5F5;
				border-radius: 40rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: #999999;
				line-height: 80rpx;
				&.select{
					background: linear-gradient( 90deg, #FFA233 0%, #FB4C4C 100%);
					color: #FFFFFF;
				}
			}
		}
		.tool-list{
			.t-item{
				margin-top: 28rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.left{
					display: flex;
					align-items: center;
					&>image{
						width: 48rpx;
						height: 48rpx;
					}
					text{
						font-weight: bold;
						font-size: 30rpx;
						color: #333333;
						line-height: 42rpx;
						margin-left: 16rpx;
					}
				}
				&>image{
					width: 24rpx;
					height: 24rpx;
				}
			}
		}
		.textarae{
			margin-top: 28rpx;
			textarea{
				width: 100%;
				height: 194rpx;
				background: #F8F8F8;
				border-radius: 20rpx;
				padding: 10rpx 22rpx;
				box-sizing: border-box;
			}
		}
	}
	
	.img-box{
		padding: 18rpx 22rpx 34rpx;
		box-sizing: border-box;
		.title{
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
			line-height: 44rpx;
		}
		.img{
			display: flex;
			justify-content: center;
			margin-top: 40rpx;
			&>view{
				width: 208rpx;
				height: 208rpx;
				&:nth-child(2){
					margin-left: 128rpx;
				}
				image{
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}

	.bottom-btn{
		width: 100%;
		height: calc(120rpx + constant(safe-area-inset-bottom));
		height: calc(120rpx + env(safe-area-inset-bottom));
		
		.b-btn{
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
			background: #FFFFFF;
			box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.05);
			.b{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20rpx 22rpx;
				box-sizing: border-box;
				.price{
					font-weight: bold;
					font-size: 28rpx;
					color: #FD7950;
					line-height: 64rpx;
					text{
						font-size: 48rpx;
					}
				}
				button{
					width: 276rpx;
					height: 80rpx;
					background: linear-gradient( 132deg, #FFA233 0%, #FB4C4C 100%);
					border-radius: 48rpx 48rpx 48rpx 48rpx;
					font-weight: bold;
					font-size: 36rpx;
					color: #FFFFFF;
					line-height: 80rpx;
				}
			}
		}
	}